<template>
	<view>
		<u-checkbox-group>
			<u-checkbox @change="check" name="1" value="2" v-model="checked1" :checked=true shape="circle">1</u-checkbox>
		</u-checkbox-group>
		<u-checkbox-group checked:false>
			<u-checkbox @change="check" name="2" value="2"  :checked=false shape="circle">2</u-checkbox>
		</u-checkbox-group>
		<u-checkbox-group>
			<u-checkbox @change="check" name="3" value="2"  :checked=true shape="circle">3</u-checkbox>
		</u-checkbox-group>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				checked1:"",
				checked2:"",
				checked3:"",
				checkboxValue1: [],
				// 基本案列数据
				checkboxList1: [{
						name: '苹果',
						disabled: false
					},
					{
						name: '香蕉',
						disabled: false
					},
					{
						name: '橙子',
						disabled: false
					}
				],
			}

		},
		methods: {
			check(e) {
				console.log('change', e.name);
			}
		}
	}
</script>

<style lang="scss" scoped>

</style>
